<template>
  <view>
    <app-nav-bar shadow left-text="我的" color="#007aff" />
    <uni-list>
      <uni-list-item class="h-30">
        <template #body>
          <view class="">
            <u-avatar src="https://web-assets.dcloud.net.cn/unidoc/zh/cat-3.png" size="large" />
            <view class="">
              <text>Majiaxin</text>
              <text>3441984</text>
            </view>
          </view>
        </template>
        <template #footer>
          <view class="flex items-center">
            <uni-icons type="gear" size="30" />
          </view>
        </template>
      </uni-list-item>
      <uni-list-item title="我的消息" />
      <uni-list-item title="我的代办" />
      <uni-list-item title="更新通知" show-arrow right-text="右侧文字" />
      <uni-list-item title="访问记录" show-arrow right-text="右侧文字" />
    </uni-list>
    <view class="px-1 flex flex-1 items-center h-[20vh]">
      <u-button class="w-100%" type="primary" @click="$Router.push({ path: '/login' })"
        >退出账号</u-button
      >
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
</script>

<style></style>
